@layout("/common/_container.html"){
<style>
    .patientBox{
        height: 100%;
    }
    /*导航栏*/
    .patient-navigation{
        background-color: rgb(134,184,253);
        height: 50px;
        display: flex;
        line-height: 50px;
        color: white;
        text-align: center;
    }
    .patient-navigation-title{
        flex: 2;
        font-size: 16px;
    }
    .patient-navigation-left,
    .patient-navigation-right{
        width: 50px;
    }

    .patient-content{
        width: 100%;
        height: calc(100% - 50px);
        background-color: #eaf1fe;
        overflow: auto;
    }
    .patient-content::-webkit-scrollbar {display:none}

    .patient-content-list{
        background-color: white;
        margin-bottom: 10px;
        padding: 0 10px;
    }
    .patient-content-list > .patient-content-item:last-of-type,
    .patient-content-list > .patient-special:last-of-type{
        border:none;
    }

    .patient-content-item{
        display: flex;
        border-bottom: 1px solid #dddddd;
        align-items: center;
        padding: 8px 0;
    }
    .patient-item-title{
        padding-left: 5px;
    }
    .patient-item-fill{
        flex: 1;
        text-align: right;
    }
    .patient-item-fill input,
    .patient-item-fill select{
        border: none;
        height: 32px;
        width: 100%;
        padding-right: 5px;
        text-align: right;
        -moz-appearance:none;
        -webkit-appearance:none;
        background-color: white;
        direction: rtl;
    }


    .patient-special{
        border-bottom: 1px solid #dddddd;
    }
    .patient-special .patient-item-title{
        padding-top: 10px;
    }
    .patient-special .patient-item-fill{
        padding-left: 5px;
    }
    .patient-special textarea,
    .patient-tooth textarea{
        width: 100%;
        padding: 5px 0;
        border: none;
        overflow: hidden;
    }

    .patient-tooth{
        padding: 8px 0;
    }
    .patient-tooth textarea{
        padding: 5px;
    }
    .patient-tooth .patient-item-title{
        display: flex;
        padding: 5px 5px 10px;
    }
    .patient-tooth .patient-item-fill{
        box-shadow: 0 0 2px #cccccc;
        border-radius: 3px;
    }
    .patient-tooth .patient-item-title span:first-of-type{
        flex: 1;
    }
    .patient-tooth .patient-item-added{
        color: rgb(134,184,253);
    }

    .patient-tooth-box{
        background-color: rgb(249,249,249);
    }
    .patient-tooth-box .patient-tooth-top,
    .patient-tooth-box .patient-tooth-btm{
        display: flex;
    }
    .patient-tooth-box .toothNone{
        border: none;
        outline: none;
        background-color: rgb(249,249,249);
    }
    .patient-tooth-box .tooth-top-left{
        border-bottom: 1px solid #8abaff;
    }
    .patient-tooth-box .tooth-top-right{
        border-bottom: 1px solid #8abaff;
        border-left: 1px solid #8abaff;
        text-align: left;
        padding-left: 5px;
    }
    .patient-tooth-box .tooth-btm-right{
        text-align: left;
        border-left: 1px solid #8abaff;
        padding-left: 5px;
    }
    .patient-item-fill #finnallyTime{
        direction: ltr;
    }
</style>
<div class="patientBox" id="isDealInfoForm" >
    <div style="display: none">
        <input type="hidden" id="id" value="">
        <input type="hidden" id="customerId" value="${customerId}">
        <input type="hidden" id="reservationsId" value="${consultantInfo.reservationsId}">
    </div>
    <div class="patient-navigation">
        <div class="patient-navigation-left" onclick="patient_backHome()"><span class="glyphicon glyphicon-menu-left"></span></div>
        <div class="patient-navigation-title">新建病例</div>
        <div class="patient-navigation-right" onclick="doctorCaseAdd.saveDraft()">保存</div>
    </div>
    <div class="patient-content">
        <div class="patient-content-list">
            <div class="patient-content-item">
                <div class="patient-item-title"><span>就诊时间</span></div>
                <div class="patient-item-fill">
                    <input autocomplete="off" name="finnallyTime" id="finnallyTime" onclick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})"/>
                </div>
            </div>
            <div class="patient-content-item">
                <div class="patient-item-title"><span>医生</span></div>
                <div class="patient-item-fill">
                    <select name="doctorId" id="doctorId">
                        <option value="">请选择</option>
                        @for(item in doctorList){
                        @if(userName == item.doctor ){
                        <option value="${item.doctor}" selected="true">${item.doctor}</option>
                        @}
                        @if(userName != item.doctor ){
                        <option value="${item.doctor}">${item.doctor}</option>
                        @}
                        @}
                    </select>
                </div>
            </div>
            <div class="patient-content-item">
                <div class="patient-item-title"><span>护士</span></div>
                <div class="patient-item-fill">
                    <select name="nurseId" id="nurseId">
                        <option value="">请选择</option>
                        @for(item in nursesList){
                        <option value="${item.nurse}">${item.nurse}</option>
                        @}
                    </select>
                </div>
            </div>
            <div class="patient-content-item">
                <div class="patient-item-title"><span>类型</span></div>
                <div class="patient-item-fill">
                    <select name="type" id="type">
                        <option value="">请选择</option>
                        <option value="1">初诊病历</option>
                        <option value="2">复诊病历</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="patient-content-list">
            <div class="patient-special">
                <div class="patient-item-title"><span>主诉</span></div>
                <div class="patient-item-fill"><textarea name="zhushu" id="zhushu" placeholder="请填写主诉"></textarea></div>
            </div>
            <div class="patient-special">
                <div class="patient-item-title"><span>现病史</span></div>
                <div class="patient-item-fill"><textarea name="nowMedicalHistory" id="nowMedicalHistory" placeholder="请填写现病史"></textarea></div>
            </div>
            <div class="patient-special">
                <div class="patient-item-title"><span>既往史</span></div>
                <div class="patient-item-fill"><textarea name="beforeMedicalHistory" id="beforeMedicalHistory" placeholder="请填写既往史"></textarea></div>
            </div>
        </div>
        <div class="patient-content-list">
            <div class="patient-tooth">
                <div class="patient-item-title"><span>口腔检查</span><span class="patient-item-added">新增</span></div>
                <div class="patient-item-fill">
                    <div class="patient-tooth-box">
                        <div class="patient-tooth-top">
                            <input class="toothNone tooth-top-left leftUp1" type="text" value="">
                            <input class="toothNone tooth-top-right rightUp1" type="text" value="">
                        </div>
                        <div class="patient-tooth-btm">
                            <input class="toothNone tooth-btm-left leftDown1" type="text" value="">
                            <input class="toothNone tooth-btm-right rightDown1" type="text" value="">
                        </div>
                    </div>
                    <div class="patient-item-textarea">
                        <textarea class="remarks1" placeholder="请填写口腔检查"></textarea>
                    </div>
                </div>
            </div>
            <div class="patient-tooth">
                <div class="patient-item-title"><span>辅助检查</span><span class="patient-item-added">新增</span></div>
                <div class="patient-item-fill">
                    <div class="patient-tooth-box">
                        <div class="patient-tooth-top">
                            <input class="toothNone tooth-top-left leftUp2" type="text" value="">
                            <input class="toothNone tooth-top-right rightUp2" type="text" value="">
                        </div>
                        <div class="patient-tooth-btm">
                            <input class="toothNone tooth-btm-left leftDown2" type="text" value="">
                            <input class="toothNone tooth-btm-right rightDown2" type="text" value="">
                        </div>
                    </div>
                    <div class="patient-item-textarea">
                        <textarea class="remarks2" placeholder="请填写辅助检查"></textarea>
                    </div>
                </div>
            </div>
            <div class="patient-tooth">
                <div class="patient-item-title"><span>诊断</span><span class="patient-item-added">新增</span></div>
                <div class="patient-item-fill">
                    <div class="patient-tooth-box">
                        <div class="patient-tooth-top">
                            <input class="toothNone tooth-top-left leftUp3" type="text" value="">
                            <input class="toothNone tooth-top-right rightUp3" type="text" value="">
                        </div>
                        <div class="patient-tooth-btm">
                            <input class="toothNone tooth-btm-left leftDown3" type="text" value="">
                            <input class="toothNone tooth-btm-right rightDown3" type="text" value="">
                        </div>
                    </div>
                    <div class="patient-item-textarea">
                        <textarea class="remarks3" placeholder="请填写诊断"></textarea>
                    </div>
                </div>
            </div>
            <div class="patient-tooth">
                <div class="patient-item-title"><span>治疗计划</span><span class="patient-item-added">新增</span></div>
                <div class="patient-item-fill">
                    <div class="patient-tooth-box">
                        <div class="patient-tooth-top">
                            <input class="toothNone tooth-top-left leftUp4" type="text" value="">
                            <input class="toothNone tooth-top-right rightUp4" type="text" value="">
                        </div>
                        <div class="patient-tooth-btm">
                            <input class="toothNone tooth-btm-left leftDown4" type="text" value="">
                            <input class="toothNone tooth-btm-right rightDown4" type="text" value="">
                        </div>
                    </div>
                    <div class="patient-item-textarea">
                        <textarea class="remarks4" placeholder="请填写治疗计划"></textarea>
                    </div>
                </div>
            </div>
            <div class="patient-tooth">
                <div class="patient-item-title"><span>处置</span><span class="patient-item-added">新增</span></div>
                <div class="patient-item-fill">
                    <div class="patient-tooth-box">
                        <div class="patient-tooth-top">
                            <input class="toothNone tooth-top-left leftUp5" type="text" value="">
                            <input class="toothNone tooth-top-right rightUp5" type="text" value="">
                        </div>
                        <div class="patient-tooth-btm">
                            <input class="toothNone tooth-btm-left leftDown5" type="text" value="">
                            <input class="toothNone tooth-btm-right rightDown5" type="text" value="">
                        </div>
                    </div>
                    <div class="patient-item-textarea">
                        <textarea class="remarks5" placeholder="请填写处置"></textarea>
                    </div>
                </div>
            </div>
        </div>
        <div class="patient-content-list">
            <div class="patient-special">
                <div class="patient-item-title"><span>医嘱</span></div>
                <div class="patient-item-fill"><textarea name="doctorAdvice" id="doctorAdvice" placeholder="请填写医嘱"></textarea></div>
            </div>
            <div class="patient-special">
                <div class="patient-item-title"><span>备注</span></div>
                <div class="patient-item-fill"><textarea name="remarks" id="remarks" placeholder="请输入备注"></textarea></div>
            </div>
        </div>
    </div>
</div>
<script src="${ctxPath}/static/modular/weixin/app/doctor/doctor_caseAdd.js?v=20200718"></script>
<script>
    $(function(){
        $('textarea').on('input', function(e) {
            $(e.target).css('height', 'auto').css('height', this.scrollHeight + 'px');
        })
    });
    function patient_backHome () {  ////点击返回跳转页面 - 首页
        window.location.href = Feng.ctxPath + "/weixin/index";
    }
</script>
@}
